<template>
	<view class="wrap">
		<view class="scan">
			<view class="identity">
				身份认证
			</view>
			<view class="prompt">
				扫描快递中附带二维码获取订单号
			</view>
			<view class="">
				<input v-model="username" type="text" placeholder="请输入用户姓名">
				<input v-model="usernum" type="text" placeholder="请输入身份证号码">
				<input v-model="order_no" type="text" placeholder="请输入订单号">
			</view>
		</view>
		<view class="clue">
			<button @click="verify" hover-class="down">确认</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				username: '钱壮',
				usernum: '413026200010293310',
				order_no: '2023111055989752'
			}
		},
		methods: {
			verify() {
				// if (!this.username) {
				// 	uni.showToast({
				// 		title: '请填写用户名',
				// 		icon: 'none'
				// 	})
				// 	return
				// }
				// if (!this.usernum) {
				// 	uni.showToast({
				// 		title: '请填写身份证号码',
				// 		icon: 'none'
				// 	})
				// 	return
				// }
				// if (!this.order_no) {
				// 	uni.showToast({
				// 		title: '请填写订单号',
				// 		icon: 'none'
				// 	})
				// 	return
				// }
				this._post('aiqian.aiqian/userVerify', {
					username: this.username,
					usernum: this.usernum,
					order_no: this.order_no,
				}, (res) => {
					console.log(res.code);
					if (res.code) {
						uni.showToast({
							title: res.msg
						})
						// setTimeout(() => {
						// 	uni.navigateBack()
						// }, 1000)
						this.contract()
					}
				})
			},
			contract() {
				this._post('aiqian.aiqian/getContactInfo', {
					order_no: this.order_no,
				}, (res) => {
					console.log(res);
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.scan {
		background-color: #fff;
		width: 70%;
		border-radius: 16rpx;
		padding: 20rpx;
		margin: 100rpx auto 0;

		.identity {
			font-size: 38rpx;
			font-weight: bold;
			text-align: center;
			margin: 10rpx 0;
		}

		.prompt {
			font-size: 28rpx;
			text-align: center;
			margin: 10rpx 0;
		}

		input {
			border-bottom: 1rpx solid #f5f5f5;
			margin-top: 20rpx;
			padding: 20rpx;
		}
	}

	.clue {
		margin-top: 40rpx;

		button {
			background-color: #1296db;
			color: #fff;
			width: 220rpx;
			margin: 0 auto;
		}

		.down {
			background-color: #1286db;
		}
	}
</style>